import React from "react";

const inputGroup = ({ name, placeholder, value, type, icon, onChange }) => {
  return (
    <div className="input-group mb-3">
      <div className="input-group-prepend">
        <span className="input-group-text">
            <i className={icon}></i>
        </span>
      </div>
      <input
        className="form-control form-control-lg"
        placeholder={placeholder}
        name={name}
        value={value}
        onChange={onChange}
      />
    
    </div>
  );
};
inputGroup.defaultProps = {
  type: "text"
};

export default inputGroup;
